body{
    background-image: url(../img/三体智子.jpg);
    background-position: center center;  /* 背景图垂直、水平均居中 */
    background-size: cover;
    background-repeat: no-repeat;
    /* 当内容高度大于图片高度时，背景图像的位置相对于viewport固定 */
    background-attachment: fixed;  /*此条属性必须设置否则可能无效 */
    -webkit-background-size: cover;  /* 兼容Webkit内核浏览器如Chrome和Safari */
    -o-background-size: cover;  /* 兼容Opera *//*position:fixed;*/  /* 背景图片不随滚轮滑动而滑动 */ /*z-index:-1;*/
}
#searchDiv {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%); /* 水平偏移量-50% 垂直偏移量-50%  */ /*border: 1px solid #cccccc;*/  /* 边框 */
}
.searchInput {
    width: 600px;  /* 使用em不太好控制框的大小 */
    height: 50px;
    background: rgba(0,0,0,0.5);
    color: lightblue;
    font-size: 100%;  /* 字体大小 */
    outline: none;
    /* 圆角 */
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 10px;/*opacity: 0.5;*/  /* 设置透明度，整体设置，文字也透明 */
}
input {
    outline: none;
    border: none;
}
#searchDiv:hover input{
    background: rgba(0,0,0,0.25); /*opacity: 0.25;*/
}